import React from "react";
import xhf_icon from "@images/icon/f_logo@2x.png";
import "./style.scss";
/**
 * 小辉付支付中toast加载
 */
function XhfPaying() {
	return (
		<div className="component-xhfPaying ui-flex ui-flex-column ui-flex-justify-center ui-flex-align-center">
			<img className="xhfIcon-pic" src={xhf_icon} />
			<svg
				className="xhfIcon-loading"
				xmlns="https://www.w3.org/2000/svg"
				viewBox="0 0 19.8 5.3"
			>
				<g className="loading-bullets">
					<circle
						className="loading-circle loading-circle-1"
						cx="3.4"
						cy="2.7"
						r="1.4"
					/>
					<circle
						className="loading-circle loading-circle-2"
						cx="9.8"
						cy="2.7"
						r="1.4"
					/>
					<circle
						className="loading-circle loading-circle-3"
						cx="16.5"
						cy="2.7"
						r="1.4"
					/>
				</g>
			</svg>
		</div>
	);
}
export default XhfPaying;
